<extend name='Layout/index'/>

<block name='main'>
	<div class="main-banner">
		 <div class="banner col-md-8">
			<section class="slider">
				<div class="flexslider">
						<ul class="slides" >
						<volist name="img" id='vo'>
						<li>
							<a href="<{$vo.imglink}>" target="_blank"><img src="__ROOT__/Uploads/lunbo/<{$vo['imgurl']}>"  width=669 height="356px" ></a>
						</li>
						</volist>
				
				  </ul>
				</div>
			</section>
				 <!-- FlexSlider -->
		 <script defer src="__PUBLIC__/gewara/js/jquery.flexslider.js"></script>
		 <link rel="stylesheet" href="__PUBLIC__/gewara/css/flexslider.css" type="text/css" media="screen" />
		 <script type="text/javascript">
			$(function(){
			 SyntaxHighlighter.all();
			});
			$(window).load(function(){
			  $('.flexslider').flexslider({
				animation: "slide",
				start: function(slider){
				  $('body').removeClass('loading');
				}
			 });
			});
		 </script>
         </div>

		 <div class="col-md-4 banner-right">
			<center style="font-size:20px">关注我们</center>
			<center class="bg-success">扫一扫 关注吊炸天电影院</center>
			<img src="__PUBLIC__/gewara/images/erweima.png" alt="" style="margin-left:40px">
		
		 </div>
		 <div class="clearfix"></div>
	</div>
	
			<div class="review-slider">
			 <ul id="flexiselDemo1">
	 	            <volist name="list" id="vo">
	 				<li>
	 					<a href="<{:U('detail/index',array('id'=>$vo['id']))}>"><img src="__ROOT__/Uploads/<{$vo.icon|substr=0,8}>/<{$vo.icon|substr=8}>" alt=""/ width=198 height=231></a>
	 					<div class="slide-title" style="">
	 					<center>
		 					<a href="<{:U('detail/index',array('id'=>$vo['id']))}>">
			 					<h4 style="margin-left:62px"><{$vo.mname}></h4>
		 					</a>

	 					</center>
	 					</div>
	 					<div class="date-city">
	 						<center><h5><{$vo.showdate|date='Y-m-d',###}></h5></center>
	 						<center><h6><{$vo.country}></h6></center>
	 						<div class="buy-tickets">
	 							<a href="<{:U('buy/index',array('id'=>$vo['id']))}>">马上购买</a>
	 						</div>
	 					</div>
	 				</li>
	 	            </volist>
			
		</ul>
		<script type="text/javascript">
			$(window).load(function() {
				
			  $("#flexiselDemo1").flexisel({
					visibleItems: 5,
					animationSpeed: 1000,
					autoPlay: true,
					autoPlaySpeed: 3000,    		
					pauseOnHover: false,
					enableResponsiveBreakpoints: true,
					responsiveBreakpoints: { 
						portrait: { 
							changePoint:480,
							visibleItems: 2
						}, 
						landscape: { 
							changePoint:640,
							visibleItems: 3
						},
						tablet: { 
							changePoint:800,
							visibleItems: 4
						}
					}
				});
				});
		</script>
		<script type="text/javascript" src="__PUBLIC__/gewara/js/jquery.flexisel.js"></script>	
		</div> <!-- end review-slider-->

		<div class="footer-top-grid">
		<div class="list-of-movies col-md-8">
			<div class="tabs">
				<div class="sap_tabs">	
						 <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
						  <ul class="resp-tabs-list">
						  	  <li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><span>正在热映</span></li>
						  	  <li class="resp-tab-item" aria-controls="tab_item-3" role="tab"><span>即将上映</span></li>
							  <div class="clearfix"></div>
						  </ul>				  	 
							<div class="resp-tabs-container">

								<!-- start tab_item-2 -->
							     <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-2">
									<ul class="tab_img">
									<volist name="list3" id="vo">
									<li style="">
						 					<a href="<{:U('detail/index',array('id'=>$vo['id']))}>"><img src="__ROOT__/Uploads/<{$vo.icon|substr=0,8}>/<{$vo.icon|substr=8}>" alt=""/ width=214 height=263></a>
						 					<div class="slide-title">
							 					<center>
								 					<a href="<{:U('detail/index',array('id'=>$vo['id']))}>">
								 						<h4 style="margin-left:62px"><{$vo.mname}></h4>
								 					</a>
							 					</center>
						 					</div>
						 					<div class="date-city">
						 						<center><h5><{$vo.showdate|date='Y-m-d',###}></h5></center>
						 						<center><h6><{$vo.country}></h6></center>
						 					
						 						 <div class="mask">
						                        <div class="info1"> </div>
								              </div>
								                <div class="tab_desc">
													<a href="<{:U('buy/index',array('id'=>$vo['id']))}>">马上购买</a>
												
											  </div>
						 					</div>
						 				</li>
									</volist>			
										<div class="clearfix"></div>
									</ul>
							     </div>	<!--end tab_item-2-->

								<!-- start tab_item-3 -->
							     <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-3">
									<ul class="tab_img">
									<volist name="list4" id="vo">
									<li style="width:214px">
						 					<a href="<{:U('detail/index',array('id'=>$vo['id']))}>"><img src="__ROOT__/Uploads/<{$vo.icon|substr=0,8}>/<{$vo.icon|substr=8}>" alt=""/ width=214 height=263></a>
						 					<div class="slide-title">
							 					<center>
								 					<a href="<{:U('detail/index',array('id'=>$vo['id']))}>">
								 						<h4 style="margin-left:62px"><{$vo.mname}></h4>
								 					</a>
							 					</center>
						 					</div>
						 					<div class="date-city">
						 						<center><h5><{$vo.showdate|date='Y-m-d',###}></h5></center>
						 						<center><h6><{$vo.country}></h6></center>
						 						  <div class="tab_desc">
													<a href="<{:U('buy/index',array('id'=>$vo['id']))}>">马上购买</a>
												
												  </div>
						 					</div>
						 				</li>
									</volist>			
										<div class="clearfix"></div>
									</ul>
						    	</div>	<!--end tab_item-3 -->	        					 	        					 
			     		    </div>	
                        </div>
					</div>
				</div>	
				<div class="clearfix"></div>

				<!-- start featured -->
				<div class="featured">
					<h4>特色</h4>
					<ul>
					<volist name="list5" id="vo">
						<li>
							<div class="f-movie">
								<div class="f-movie-img">
									<a href="<{:U('detail/index',array('id'=>$vo['id']))}>"><img src="__ROOT__/Uploads/<{$vo.icon|substr=0,8}>/<{$vo.icon|substr=8}>" width=214 height=263 alt="" /></a>
								</div>
									<div class="f-movie-name">
										<a href="<{:U('detail/index',array('id'=>$vo['id']))}>"><{$vo.mname}></a>
										<p><{$vo.country}></p>
									</div>
								<div class="f-buy-tickets">
									<a href="<{:U('buy/index',array('id'=>$vo['id']))}>">马上购买</a>
								</div>
							</div>
						</li>
					</volist>
						
						<div class="clearfix"></div>
					</ul>
				</div> <!--end featured-->

			</div>

			<!-- start right-side-bar -->
			<div class="right-side-bar">
				<div class="top-movies-in-india">
					<h4>电影 Top 10</h4>
					<volist name="list1" id="vo">
						<ul class="mov_list">
							<li><i class="fa fa-star"></i></li>
							<!-- <li>77%</li> -->
							<li><a href="<{:U('detail/index',array('id'=>$vo['id']))}>
" class="" style="font-size:20px;padding:0 20px"><{$i}>.<{$vo.mname}></a></li>
						</ul>
					</volist>
					<a href="<{:U('category/index',array('td'=>2))}>"><h4>查看更多</h4></a>
				</div>

				<div class="quick-pay">
					<h3>广告图</h3>
					<volist name="list7" id="vo">
						<a href="<{$vo.iurl}>" target="_blank"><img src="__ROOT__/Uploads/<{$vo.icon|substr=0,8}>/<{$vo.icon|substr=8}>"  width=300 height=200  ></a><br><br>
					</volist>
				</div>
				<div class="our-blog">
					<div class="top-movies-in-india">
						<h4>友情链接</h4>
						<volist name="list6" id="vo">
							<ul class="mov_list">
								<li><i class="fa fa-star"></i></li>
								<!-- <li>77%</li> -->
								<li><a href="<{$vo.link}>" class="" style="font-size:20px;padding:0 20px;color:black;"><{$i}>.<{$vo.name}></a></li>
							</ul>
						</volist>
						<!-- <a href=""><h4>查看更多</h4></a> -->
					</div>

					
				</div>
			</div> <!--end right-side-bar-->

			<div class="clearfix"></div>			
			</div>

</block>
		